<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* 优先级顺序：*和继承<标签选择器<类、伪类选择器<id选择器<行内样式选择器<!important */
        div {
            color: pink !important;
        }
        .demo1 {
            color: red;
        }
        #demo2 {
            color: blue;
        }
        body {
            color: black;
        }
        /* 链接不继承body的颜色是因为，编译器里默认给a设了一个标签 a {color: blue;text-decoration: underline;} */
    </style>
</head>
<body>
    <div class="demo1" id="demo2" style="color: green;">我究竟是什么颜色？？？</div>
    <a href="#">链接是什么颜色呢？</a>
</body>
</html>